<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <title>个人主页</title>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="/community/bootstrap-4.6.0/css/bootstrap.min.css" />
  <link rel="stylesheet" href="/community/bootstrap-4.6.0/css/bootstrap-grid.min.css" />
  <link rel="stylesheet" href="/community/bootstrap-4.6.0/css/bootstrap-reboot.min.css" />
  <link rel="stylesheet" href="/community/css/community.css" />
  <link rel="stylesheet" href="/community/bootstrap-4.6.0/icons-1.5.0/font/bootstrap-icons.css">
  <link rel="stylesheet" href="/community/css/editormd.min.css">
  <link rel="stylesheet" href="/community/css/editormd.preview.min.css">
  <link rel="stylesheet" href="/community/css/jquery-confirm.css">
</head>

<body>

  <header id="header"></header>

  <!-- 主体部分 -->
  <div class="container mt-lg-5">
    <div class="row">
      <!-- 个人简介 -->
      <div class="col-lg-8">
        <div class="media bg-white shadow-sm rounded px-lg-3 py-lg-3" id="user-info">
          <a href="javascript:void(0)" data-toggle="modal" data-target="#uploadHeadPortraitModel">
            <img id="homepageHeadPortrait"
                 class="mr-lg-3 community-ele-height-80px community-ele-width-80px rounded-circle">
          </a>
          <div class="media-body">
            <h4 class="mt-2 font-weight-bold" id="homepageUsername"></h4>
            <span class="community-text-desc-grey community-text-desc-font-size-15px">个人简介：没有个人简介</span>
          </div>
        </div>
      </div>
      <div class="col-lg-4">
        <div class="bg-white shadow-sm rounded px-lg-3 py-lg-3"></div>
      </div>
    </div>
    <!-- 动态内容 -->
    <div class="row">
      <div class="col-lg-8 mt-lg-4">
        <div class="col-lg-12 shadow-sm bg-white rounded">
          <!-- 分类 -->
          <div class="py-lg-2">
            <nav class="nav">
              <a class="nav-link active" href="javascript:void(0)" id="user-topic" data-sign="user-topic">
                <span class="text-black-50">动态列表</span>
              </a>
            </nav>
          </div>
          <!-- 列表 -->
          <div id="dynamic-list"></div>
        </div>
      </div>
    </div>
  </div>
</body>

<div class="modal fade" id="uploadHeadPortraitModel" data-backdrop="static" data-keyboard="false" tabindex="-1"
     aria-labelledby="uploadHeadPortraitModel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <h3 class="modal-title" id="uploadHeadPortraitLabel">上传用户头像</h3>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">
        <form>
          <div class="form-group">
            <label for="headPortraitMultiple" class="form-label">图片大小请控制在2M以内</label>
            <input class="form-control" type="file" id="headPortraitMultiple" multiple>
          </div>
        </form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-primary" id="upload-headPortrait-button">提交</button>
        <button type="button" class="btn btn-secondary" data-dismiss="modal">取消</button>
      </div>
    </div>
  </div>
</div>

<footer id="footer"></footer>

<script src="/community/js/jquery-3.6.0.js"></script>
<script src="/community/js/jquery.cookie.js"></script>
<script src="/community/bootstrap-4.6.0/js/bootstrap.bundle.min.js"></script>
<script src="/community/bootstrap-4.6.0/js/bootstrap.min.js"></script>
<script src="/community/js/editormd.min.js"></script>
<script src="/community/js/community.js"></script>
<script src="/community/js/jquery-confirm.js"></script>
<script src="/community/editor.md/lib/marked.min.js"></script>
<script src="/community/editor.md/lib/prettify.min.js"></script>
<script src="/community/editor.md/lib/raphael.min.js"></script>
<script src="/community/editor.md/lib/underscore.min.js"></script>
<script src="/community/editor.md/lib/sequence-diagram.min.js"></script>
<script src="/community/editor.md/lib/flowchart.min.js"></script>
<script src="/community/editor.md/lib/jquery.flowchart.min.js"></script>

<script>
  $.initTop()
  $.initFooter()
  var split = $(location).attr('href').split("/");
  $.initHomepage(split[split.length - 1])
</script>

</html>